<!DOCTYPE html>
<html>
    <head lang="en">
        <meta charset="UTF-8">
        <title></title>
        <style>
            * {
                padding: 0;
                margin: 0;
            }
            em {
                font-style: normal;
            }
            body {
                background-color: rgb(240, 240, 240);
            }
            .container {
                width: 1200px;
                margin: 0 auto;
            }
            .header {
                width: 100%;
                height: 100px;
                background: url(images/bxgheader.png);
                margin-bottom: 22px;
            }
            .header h1 {
                height: 100px;
                line-height: 100px;
                font-size: 20px;
                color: #fff;
            }
            /*主体答题部分*/
            .subiteam {
                width: 280px;
                background-color: rgb(247, 248, 253);
            }
            .subiteam>div {
                margin-bottom: 26px;
                padding: 25px;
                background-color: #fff;
            }
            /*左侧对错指示栏*/
            .showhow {
                height: 30px;
                padding: 25px;
            }
            .showhow b {
                display: inline-block;
                width: 22px;
                height: 22px;
                border-radius: 5px;
                background-color: rgb(60, 129, 240);
                vertical-align: middle;
            }
            .showhow div {
                float: left;
                margin: 5px 43px 0 0;
            }
            .show_no b {
                border: 1px solid red;
                background-color: rgb(255, 183, 166);
            }
            .showhow .show_now {
                margin-right: 0;
            }
            .show_now b {
                border: 3px dashed red;
                border-radius: 0px;
                background-color: rgb(246, 246, 246);
            }
            /*单选题*/
            .current {
                border: 3px dashed red;
            }
            .iteam_one b,
            .iteam_two b {
                display: inline-block;
                width: 30px;
                height: 30px;
                margin: 5px 10px 5px 0;
                border-radius: 5px;
                text-align: center;
                line-height: 30px;
                font-weight: 400;
                color: #fff;
                background-color: rgb(220, 220, 220);
            }

            /*左侧题目标题*/
            .subiteam h3 {
                font-size: 16px;
                font-weight: 400;
                margin-bottom: 8px;
            }
        </style>
    </head>
    <body>
        <div class="header">
            <div class="container">
                <h1>12月16日-课堂测试-第1场</h1>
            </div>
        </div>
        <!-- 主题部分-->
        <div class="main container">
            <!-- 答题栏左侧说明-->
            <div class="subiteam">
                <div class="showhow">
                    <div class="show_yes">
                        <b></b>
                        <em>√</em>
                    </div>
                    <div class="show_no">
                        <b></b>
                        <em>×</em>
                    </div>
                    <div class="show_now">
                        <b></b>
                        <em>当前</em>
                    </div>
                </div>
                <div class="iteam_one">
                    <h3>一、单选题</h3>
                    <b>1</b>
                    <b>2</b>
                    <b>3</b>
                </div>
                <div class="iteam_two">
                    <h3>二、多选题</h3>
                    <b>4</b>
                    <b>5</b>
                    <b>6</b>
                </div>
            </div>
            <div class="subcontent">
                <div class="content_hd">
                    <h2>一、单选题</h2>
                    <span class="star"></span>
                </div>
                <div class="content_bd"></div>
                <div class="content_foot"></div>
            </div>
        </div>

    </body>
</html>